<template>
  	<div>
  		<div class="content">
  			<div class="duia">
  				<img src="static/successful.png" style="width: 100%;height: 100%;">
  			</div>
  			<div class="zl_chengong">
  				助力成功
  			</div>
  			
  		</div>
  		<div class="lan">
  			<input type="button" value="邀请其他好友助力拼抢"class="yao_qing"/>
  			
  		</div>
  		<div class="lan11">
  			<input type="button" value="发起我的拼抢"class="yao_qing1"/>
  			
  		</div>
  	</div>
  
</template>

<script>
//import { Group, Cell } from 'vux'

export default {
  components: {
//  Group,
//  Cell
  },
  data () {
    return {
      // note: changing this line won't causes changes
      // with hot-reload because the reloaded component
      // preserves its current state and we are modifying
      // its initial state.
      msg: 'Hello World!'
    }
  }
}
</script>

<style scoped>
	.content{
		width: 100%;
		border: 1px /*solid*/ red;
		display: table;
	}
	.duia{
		width: 54px;
		height: 54px;
		border: 1px solid #00C850;
		border-radius: 50%;
		margin: 0 auto;
		margin-top: 89px;
	}
	.zl{
		width: 100%;
		text-align: center;
		line-height: 22px;
		font-size: 16px;
		color: #333;
	}
	.gzjf{width: 100%;
		text-align: center;
		line-height: 17px;
		font-size: 13px;
		color: #7f7f7f;
		margin-top: 10px;
		
	}
	.lan{
		width: 100%;
		border: 1px /*solid*/ green;
		margin-top: 10px;
		padding: 0 15px;
	}
	.yq{
		padding: 0 20px;
		width: 100%;
		height: 44px;
		background-color: #00c850;
		color: #FFFFFF;
		line-height: 22px;
		
	}
	.lan11{
		width: 100%;
		border: 1px /*solid*/ green;
		margin-top: 10px;
		padding: 0 15px;
	}
	.yq1{
		padding: 0 20px;
		width: 100%;
		height: 44px;
		background-color: white;
		color: #00C850;
		line-height: 22px;
		-/*webkit-appearance: none;*/
		border: 1px solid #00C850;
	}
.zl_chengong{
	line-height: 22px;
	font-size: 16px;
	margin-top: 15px;
	color: #333333;
	text-align: center;
	
}
.yao_qing{
	line-height: 22px;
	font-size: 16px;
	color: #FFFFFF;
	height: 44px;
	width: 100%;
	background: #00C850;
	border: 1px solid #00C850;
	outline: none;
	border: none;
}
.yao_qing1{
	line-height: 22px;
	font-size: 16px;
	color: #00C850;
	height: 44px;
	width: 100%;
	background: #FFFFFF;
	border: 1px solid #00C850;
	outline: none;
	border: none;
}
</style>
